<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="mvc" uri="http://www.trkj.com/mvc/tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>我的积分</title>
<style type="text/css">
.dindan{
		height:40px;
		width:80px;
		text-align:center;
		line-height:40px;
		color:#555;
		background-color:#f0f0f0;
		font-size: 14px;
		font-weight: 700;
	}
	.dindanhezi{
		height:40px;
		width:900px;
		border-bottom:1px solid #f0f0f0;
		margin-bottom:10px;
		margin-left:330px;
		text-align:left;
	}
	.table2{
		text-align: center;
		font-size:14px;
		padding-left:20px;
	}
	.table2 tr{
		height:40px;
	}
	.table2  td{
		font-size:12px;
		color:#555;
	}
			.pager1{
	margin-top: 20px;
	padding-left:330px;
	}

	.pager1 a, .btn{
	text-decoration: none;
	color: gray;
	border: 1px solid gray;
	border-radius: 5px;
	font-size: 14px;
	padding: 3px 8px;
	margin-left: 4px;
	}
	
	.pager1 a:HOVER , .btn:HOVER{
	background: gray;
	color: white;
	}
	.hintegralbody{
		height:570px;
		margin-top:50px;
	}
</style>
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
$(function(){
	//设置tr背景色偶数为#FAFAFA
	$(".table2").find("tr:odd").css("background-color", "#FAFAFA");
});
</script>
</head>
<body>
<div ><%@include file="chead.jsp" %></div>
<div class="hintegralbody">
	<div style="float:left"><%@include file="hppmenu.jsp" %></div>
	<div class="dindanhezi">
		<div class="dindan">
			<span>我的积分</span>	
			
		</div>
		<span style="float:right;position:relative;top:-22px;right:100px;font-size:14px;">
			您当前的积分为：&nbsp;&nbsp;<span style="color:#CA151D">${map.zongxiao }</span>&nbsp;&nbsp;分
		</span>
	</div>
		<table class="table2" width="920px" height="150px">
				<thead>
					<tr>
						<th>积分日期</th>
						<th>积分</th>
						<th>说明</th>
					</tr>
				</thead>
				<tbody>
					<c:forEach items="${map.list }" var="u" varStatus="vs">
						<tr>
							<td>${u.o_date}</td>
							<td>${u.total_money}</td>
							<td>用户通过下订单获得了${u.total_money}积分</td>
						</tr>
					</c:forEach>
				</tbody>
			</table>
		<div class="pager1">
			<mvc:pager url="orders?action=Page" pagesize="${map.pagesize}" count="${map.count }" curpage="${map.curpage }" />
		</div>	
</div>
<!-- 感兴趣的商品 -->
		<div style="padding-top:40px;"><%@include file="hfooter.jsp" %></div>
		<div ><%@include file="cfooter.jsp" %></div>
</body>
</html>